CSS選擇器

CSS選取器是用來將CSS樣式套用在HTML中指定的標籤，需要注意的是CSS選擇器有大小寫區分，以下為常用的選擇器

CSS階層

如果有兩組CSS同時套用到同一個標籤上，會有以下幾種情形

1. 後者優先:如果兩個選擇器相同，後者會優先於前者。
2. 指定程度:選擇器的指定性越高，更具指定性，會優先於較一般的選擇器，例如:
   h1{}比*{}更具指定性
   p b{}比p{}更具指定性
   p#idname{}比p{}更具指定性
3. 可以在任何屬性值後面加上!important，表示此規則比其他套用到相同標籤的規則來得重要。

繼承

指定在父標籤的屬性，有分為有繼承與無繼承性的屬性，有繼承性的例如font-family、font-size 等等，無繼承性的例如有 display、margin、padding，可參考來源網址內的CSS可繼承屬性和不可繼承屬性。

強制繼承:可以使用inherit值強制繼承父標籤的屬性值，範例如下:

body{
    font-family: Arial, sans-serif;
    padding: 10px;
}
.page{
    border: 1px solid #665544;
    padding: inherit;
}

參考來源

書籍:HTML&CSS 網站設計建置優化之道

[CSS]同層相鄰選擇器＆同層全體選擇器

CSS如何規範階層

CSS可繼承屬性和不可繼承屬性